<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		
		<link rel="stylesheet" type="text/css" href="../css/index%20(1).css" />
		<script src="../js/vue.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/vant.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/ajax.js" type="text/javascript" charset="utf-8"></script>
		<script src="html5plus://ready"></script>
		<title></title>
		<style type="text/css">
		body{
			background-color: #fafafa;
		}
		#uppwd{
			margin-bottom: 10px;
		}
			#img>img {
				width: 70px;
				height: 70px;
				margin-top: 10px;
				margin-left: 10px;
				border-radius: 35px;
			}
			
			#span_right {
				margin-left: 20px;
			}
			
			#login {
				margin-top: 20px;
			}
			
			#one {
				background-color: red;
				height: 80px;
				
				
			}
			
			
			
			.van-nav-bar__title{
				color: white;
				font-size: 15px;
				padding-top: 35px;
			}
			.van-nav-bar .van-icon{
				color: white;
				
				padding-top: 10px;
			}
			.van-nav-bar__text{
				color: white;
				padding-top: 10px;
			}
			#sc-color{
				font-size: 15px;
				background-color: blue;
			}
			.van-card {
				
				font-size: 16px;
				background-color: ghostwhite;
				border: solid 1px navajowhite;
			}
			.van-card__footer .van-button {
				margin-left: 5px;
				margin-top: -60px;
				
			}
			.van-card {
				height: 150px;
				padding-top: 20px;
				padding-bottom: 20px;
				margin-bottom: 30px;
			}
	
		</style>
	</head>

	<body>
		<div id="app">
			<van-row >
				<van-nav-bar  title="我的收藏" left-text="返回" left-arrow id="one" @click-left="onClickLeft"></van-nav-bar>
				
					
			</van-row>
			
			<van-row id="three">
					<span id="sc-color">
						|
					</span>
				收藏列表
				
			</van-row>
			<van-row id="two" v-for="(i,d) in shops">
				<van-card  :price="i.MarketPrice"  :title="i.GoodsName"  :thumb="i.GoodsImageUrl" >
				<div slot="footer">
				<van-button size="small" type="danger">取消收藏</van-button>
				
			  </div>
				</van-card>
				
				 
				
				
			</van-row>
			
			
		</div>
		<script type="text/javascript">
			var a=localStorage.getItem("keys");
				ajax({
				url:"http://dsapi.ysd3g.com/api/MyGoodsCollectList",
				dataType:"JSONP",
				data:{
					key:a
					
				},
				success:function(res){
					console.log(res)
					for(var i=0;i<res.Data.length;i++){
						
						app.shops.push(res.Data[i]);
					}
					
				}
				
				});
			var app = new Vue({
				el: "#app",
				data: {
					areaList:"",
					searchResult: [],
					shops:[],
					imageURL:"../img/login.png"
				},
				methods:{
					onClickLeft:function(){
						//window.location.href="..//views/user-views/users.html";
						plus.webview.open("index.html","ind")
					}
				}
				
			});
		</script>
	</body>

</html>